<template>
	<view class="conterakpap">
		<view class="tit_box">
			<view class="tit">
				<view class="tit_top">
					{{ item.title }}
				</view>
				<view class="tit_btm">
					{{ item.updateTime }}
				</view>
				<view class="content" v-html="item.content"></view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			item: ''
		};
	},
	created() {
		this.item = uni.getStorageSync('CAROUSEL_CONTENT');
	}
};
</script>

<style lang="scss" scoped>
.tit_box {
	width: 100%;
	padding: 38rpx;
	min-height: 100vh;
	background: #1c213a;
	.tit {
		padding: 20rpx 38rpx 50rpx;
		width: 680rpx;
		position: relative;
		// height: 588rpx;
		// background-color:pink;
		background: rgba(16,10,33,0.8);
		box-shadow: 3rpx 3rpx 5rpx 0rpx rgba(0,0,0,0.15);
		border-radius: 17rpx 17rpx 17rpx 17rpx;
		opacity: 1;
		.tit_top {
			font-size: 38rpx;
			font-family: 'font';
			font-weight: 800;
			color: #ffffff;
		}

		.tit_btm {
			position:absolute;
			bottom:20rpx;
			font-size: 21rpx;
			font-family: 'font';
			font-weight: 400;
			color: #fff;
			right:20rpx;
		}
		.content {
			margin-top:20rpx;
			font-size: 20rpx;
			font-family: 'font';
			font-weight: 400;
			color: #ffffff;
		}
	}
}
</style>
